<template>
    <div class="serviceList" id="serviceList">
        <div id="serviceList2">
            <div>1.火化</div>
            <div>内容：抬尸进炉、火化、骨灰装盒等服务环节</div>
            <div>项目1：平板炉；金额：380元/具</div>
            <div>项目2：拣灰炉；金额：700元/具</div>
            <div>备注：火化炉类型由丧属自主选择，禁止强制指定火化炉，12岁以下儿童遗体火化费实行减半收费。</div>

            <div>2.运尸（遗体接送）</div>
            <div>内容：包括遗体收敛，将遗体运至殡仪馆</div>
            <div>项目1：中档型殡仪车；金额：360元/具</div>
            <div>项目2：高档型殡仪车；金额：560元/具</div>
            <div>备注：殡仪车由丧属自主选择，禁止指定殡仪车型并收费，丧属搭乘运尸车不得再收取任何费用。1、中档轿车型殡仪车(购置及改装费用在10万元至20万元，含20万元)往返20公里(含20公里)以内的运尸费收费标准为每车次360元，超过20公里的每增加1公里加收3元；2、高档轿车型殡仪车(购置及改装费用在20万元以上)往返20公里(含20公里)以内的运尸费收费标准为每车次560元，超出20公里的每增加1公里加收4元；3、长途运载尸体往返200公里以上的，收费标准由双方协商确定。</div>

            <div>3.遗体存放</div>
            <div>项目：提供冷藏存放服务；金额：72元/天</div>

            <div>4.骨灰寄存</div>
            <div>项目：单间骨灰寄存（含骨灰寄存证明）；金额：17元/月</div>
            <div>备注：首次寄存不超过15天（含15天）的，可免费寄存</div>

           
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                interval3: '',
                mydata5: [
				{
					index: '1',
					name: '火化',
					content: '抬尸进炉、火化、骨灰装盒等服务环节',
					project: '平板炉',
					unit: '具',
					standard: '380元',
					remarks: '火化炉类型由丧属自主选择，禁止强制指定火化炉，12岁以下儿童遗体火化费实行减半收费。',
				},
				{
					index: '1',
					name: '火化',
					content: '抬尸进炉、火化、骨灰装盒等服务环节',
					project: '拣灰炉',
					unit: '具',
					standard: '700元',
					remarks: '火化炉类型由丧属自主选择，禁止强制指定火化炉，12岁以下儿童遗体火化费实行减半收费。',
				},
				{
					index: '2',
					name: '运尸（遗体接送）',
					content: '包括遗体收敛，将遗体运至殡仪馆',
					project: '中档型殡仪车',
					unit: '具',
					standard: '360元',
					remarks: '殡仪车由丧属自主选择，禁止指定殡仪车型并收费，丧属搭乘运尸车不得再收取任何费用。1、中档轿车型殡仪车(购置及改装费用在10万元至20万元，含20万元)往返20公里(含20公里)以内的运尸费收费标准为每车次360元，超过20公里的每增加1公里加收3元；2、高档轿车型殡仪车(购置及改装费用在20万元以上)往返20公里(含20公里)以内的运尸费收费标准为每车次560元，超出20公里的每增加1公里加收4元；3、长途运载尸体往返200公里以上的，收费标准由双方协商确定。',
				},
				{
					index: '2',
					name: '运尸（遗体接送）',
					content: '包括遗体收敛，将遗体运至殡仪馆',
					project: '高档型殡仪车',
					unit: '具',
					standard: '560元',
					remarks: '殡仪车由丧属自主选择，禁止指定殡仪车型并收费，丧属搭乘运尸车不得再收取任何费用。1、中档轿车型殡仪车(购置及改装费用在10万元至20万元，含20万元)往返20公里(含20公里)以内的运尸费收费标准为每车次360元，超过20公里的每增加1公里加收3元；2、高档轿车型殡仪车(购置及改装费用在20万元以上)往返20公里(含20公里)以内的运尸费收费标准为每车次560元，超出20公里的每增加1公里加收4元；3、长途运载尸体往返200公里以上的，收费标准由双方协商确定。',
				},
				{
					index: '3',
					name: '遗体存放',
					content: '提供冷藏存放服务',
					project: '提供冷藏存放服务',
					unit: '天',
					standard: '72元',
					remarks: '',
				},
				{
					index: '4',
					name: '骨灰寄存',
					content: '单间骨灰寄存（含骨灰寄存证明）',
					project: '单间骨灰寄存（含骨灰寄存证明）',
					unit: '月',
					standard: '17元',
					remarks: '首次寄存不超过15天（含15天）的，可免费寄存',
				},
			],
            }
        },
        props: {
            isScroll: {
                type: Boolean,
                default: false
            }
        },
        watch: {
            isScroll(nVal, oVal) {
                if (nVal) {
                    this.scrollView2()
                } else {
                    clearInterval(this.interval3)
                }
            }
        },
        mounted() {
        },
        beforeDestroy() {
            clearInterval(this.interval3)
        },
        methods: {
            scrollView2() {
                this.$nextTick(()=>{
                    let serviceList = document.getElementById('serviceList')	
                    let serviceList2 = document.getElementById('serviceList2')	
                    let startL = -serviceList.offsetHeight
                    this.interval3 = setInterval(() => {
                        startL+=1
                        if (startL >= (serviceList2.scrollHeight)) {
                            startL = -serviceList.offsetHeight
                        }
                        serviceList2.style.top = -startL + 'px'//上移高度
                    }, 30)
                })
            },
        },
    }
</script>
<style scoped lang="scss">
    .serviceList {
        background: rgb(38, 80, 144);
        font-size: 70px;
        letter-spacing: 5px;
        text-align: left;
        text-indent: 140px;
        line-height: 120px;
        padding: 0 20px;
        height: 100%;
        overflow-y: scroll;
    }
    #serviceList2 {
        position: relative;
    }
</style>